<template>
    <div class="footnonte" >
        <div>───</div>
        <img src="~assets/img/profile/recommend.svg" alt="">
        <div>精选推荐</div>
        <div>───</div>

    </div>
</template>

<script>
    export default {
        name:'Footnote',
    }
</script>

<style scoped>
.footnonte{
    height: 10%;
    width: 50%;
    display: flex;
    margin-left: 30%;
    color: #8D8D8D;
    position: relative;
}
.footnonte div{
    line-height: 30px;
    text-align: center;
}

.footnonte img{
    width: 13%;
    margin-bottom: 5px;
}
</style>